<!DOCTYPE html>
<html ng-app="myApp">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!--Let browser know website is optimized for mobile-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link type="text/css" rel="stylesheet" href="lib/materialize/css/materialize.min.css" />
    <link type="text/css" rel="stylesheet" href="lib/materialize/css/icon.css" />
    <link type="text/css" rel="stylesheet" href="public/css/style.css">
    <link type="text/css" rel="stylesheet" href="lib/angular-alert/sweetalert.css">
    <title>app</title>
</head>

<body>
    <div id="NavCtrl" ng-controller="NavCtrl">
        <!-- slider 2-->
        <ul id="slide-out" class="side-nav" bindonce="userInfo">
            <li>
                <div class="userView">
                    <div class="background">
                        <img src="public/images/office.jpg">
                    </div>
                    <a><img class="circle" src="public/images/yuna.jpg"></a>
                    <a><span class="white-text name" bo-text="userInfo.name">John Doe</span></a>
                    <a><span class="white-text email" bo-text="userInfo.email">jdandturk@gmail.com</span></a>
                </div>
            </li>
            <li ng-class="{active:page=='data'}">
                <a href="#!/data"><i class="material-icons left">search</i>数据源</a>
            </li>
            <li ng-class="{active:page=='table'}">
                <a href="#!/table"><i class="material-icons left">search</i>表</a>
            </li>
            <li ng-class="{active:page=='charts'}">
                <a href="#!/charts"><i class="material-icons left">search</i>报表</a>
            </li>
            <li ng-class="{active:page=='share'}">
                <a href="#!/share"><i class="material-icons left">share</i>我的分享</a>
            </li>            
            <li>
                <div class="divider"></div>
            </li>
            <li><a class="subheader">Subheader</a></li>
            <li>
                <a class="waves-effect" href="#!/setting" ng-click="hideNav()"><i class="material-icons left">settings</i>设置</a>
            </li>
            <li>
                <a class="waves-effect" ng-click="loginOut()"><i class="material-icons left">input</i>退出</a>
            </li>
        </ul>
        <!-- <a href="#" data-activates="slide-out" class="button-collapse"><i class="material-icons">menu</i></a>   -->
        <!-- nav bar -->
        <nav>
            <div class="nav-wrapper">
                <a href="#" data-activates="slide-out" class="button-collapse mySlider" ng-class="{'hide':!userInfo,'show':userInfo}"><i class="material-icons">menu</i></a>
                <a href="#" class="brand-logo left" ng-if="!userInfo" style="width: 76px;height: 56px;">
                    <img src="public/images/logo.png" width="76" height="56" alt="logo">
                </a>               
                <ul id="nav-mobile" class="left hide-on-med-and-down" ng-if="userInfo">
                    <li><a data-activates="slide-out" class="mySlider"><i class="material-icons">menu</i></a></li>
                    <li ng-class="{active:page=='data'}">
                        <a href="#!/data">数据源</a>
                    </li>
                    <li ng-class="{active:page=='table'}">
                        <a href="#!/table"><i class="material-icons left">search</i>表</a>
                    </li>
                    <li ng-class="{active:page=='charts'}">
                        <a href="#!/charts"><i class="material-icons left">search</i>报表</a>
                    </li>
                    <li ng-class="{active:page=='share'}">
                        <a href="#!/share"><i class="material-icons left">share</i>我的分享</a>
                    </li>
                    <li ng-class="{active:page=='industry'}">
                        <a href="#!/industry"><i class="material-icons left">share</i>行业分析</a>
                    </li>
                </ul>
                <!-- userInfo null -->
                <ul id="nav-mobile" class="right hide-on-med-and-down" ng-if="!userInfo">
                    <li ng-class="{active:page=='login'}"><a href="#!/login">登录</a></li>
                    <li ng-class="{active:page=='reg'}"><a href="#!/reg">注册</a></li>
                </ul>
                <!-- <ul id="nav-mobile" class="right hide-on-med-and-down" ng-if="userInfo">
                    <li ng-click="pageSelect('login')" ng-class="{active:page=='login'}"><a href="#!/login">登录</a></li>
                    <li ng-click="pageSelect('reg')" ng-class="{active:page=='reg'}"><a href="#!/reg">注册</a></li>
                </ul> -->
            </div>
        </nav>
        <!-- menu -->
        <div class="fixed-action-btn toolbar" ng-if="userInfo">
            <a class="btn-floating btn-large red">
                <i class="large material-icons">mode_edit</i>
            </a>
            <ul>
                <li class="waves-effect waves-light"><a href="#!"><i class="material-icons">insert_chart</i></a></li>
                <li class="waves-effect waves-light"><a href="#!"><i class="material-icons">format_quote</i></a></li>
                <li class="waves-effect waves-light"><a href="#!"><i class="material-icons">publish</i></a></li>
                <li class="waves-effect waves-light"><a href="#!"><i class="material-icons">attach_file</i></a></li>
            </ul>
        </div>
    </div>
    <!-- page content -->
    <div class="container">
        <ng-view></ng-view>
    </div>
    <script src="lib/angular-1.6.0/angular.js" type="text/javascript"></script>
    <script src="lib/angular-1.6.0/angular-route.min.js" type="text/javascript"></script>
    <script src="lib/angular-1.6.0/angular-sanitize.min.js" type="text/javascript"></script>
    <script src="lib/angular-1.6.0/angular-cookies.min.js" type="text/javascript"></script>
    <script src="lib/angular-1.6.0/angular-messages.min.js" type="text/javascript"></script>
    <!--Import jQuery before materialize.js-->
    <script type="text/javascript" src="lib/jquery-1.11.3.min.js"></script>
    <script type="text/javascript" src="lib/materialize/js/materialize.min.js"></script>
    <script type="text/javascript" src="lib/echarts/echarts.js"></script>
    <!-- <script type="text/javascript" src="lib/echarts/echarts.min.js"></script> -->
    <!-- angular module -->
    <script src="lib/angular-bindonce/bindonce.min.js" type="text/javascript"></script>
    <script src="lib/angular-loading/spin.min.js" type="text/javascript"></script>
    <script src="lib/angular-loading/angular-loading.min.js" type="text/javascript"></script>
    <script src="lib/angular-notifications/notification.js" type="text/javascript"></script>
    <script src="lib/angular-alert/SweetAlert.min.js" type="text/javascript"></script>
    <script src="lib/angular-fileup/angular-file-upload.min.js" type="text/javascript"></script>
    <!-- js -->
    <script src="public/app.js" type="text/javascript"></script>
    <script src="public/js/templates.js" type="text/javascript"></script>
    <script src="public/js/services.js" type="text/javascript"></script>
    <script src="public/js/directives.js" type="text/javascript"></script>
    <script src="public/js/controllers.js" type="text/javascript"></script>
</body>

</html>

